﻿@model Portfolio.Models.Contato

@{
    ViewBag.Title = "Contato";
}

<div class="contato">

    <h2>FORMULÁRIO DE CONTATO</h2>

    <div class="box" style="width: 550px; position: absolute; left: 8%;">

        @using (Ajax.BeginForm(new AjaxOptions() { 
            HttpMethod = "GET",
            InsertionMode = InsertionMode.Replace,
            UpdateTargetId = "conteudoContato"
        }))
        {
            <div id="conteudoContato">
         
                <div style="float: left; margin-right: 15px;">

                    @Html.LabelFor(model => model.Nome)
                    @Html.TextBoxFor(model => model.Nome, new { @class = "form-control defaultText" })

                </div>

                @Html.LabelFor(model => model.Email)
                @Html.TextBoxFor(model => model.Email, new { @class = "form-control defaultText" })

                <div style="float: left; margin-right: 15px;">

                    @Html.LabelFor(model => model.Assunto)
                    @Html.TextBoxFor(model => model.Assunto, new { @class = "form-control defaultText" })

                </div>

                @Html.LabelFor(model => model.TipoEvento)
                @Html.TextBoxFor(model => model.TipoEvento, new { @class = "form-control defaultText" })
        
                <div style="float: left; margin-right: 15px;">

                    @Html.LabelFor(model => model.Estado)
                    @Html.TextBoxFor(model => model.Estado, new { @class = "form-control defaultText" })

                </div>

                @Html.LabelFor(model => model.Cidade)
                @Html.TextBoxFor(model => model.Cidade, new { @class = "form-control defaultText" })
                
                @Html.LabelFor(model => model.ComoConheceu)
                @Html.TextBoxFor(model => model.ComoConheceu, new { @class = "form-control defaultText", @style = "width: 515px" })

                @Html.LabelFor(model => model.Mensagem)
                @Html.TextAreaFor(model => model.Mensagem, new { @class = "form-control defaultText", @style = "width: 515px; height: 100px; overflow: auto; resize: none;" })

                <div style="margin-top: 10px;">
        
                    <input type="submit" value="Enviar" class="btn btn-primary" style="float: left;" />
            
                    <span class="destaque" style="margin-left: 20px; float: left;">* Todos os campos são obrigatórios.</span>

                </div>

            </div>
        }

    </div>

    <div class="box" style="width: 550px; position: absolute; right: 8%;">

        <h2>Contatos</h2>

        <br />

        <p>Email: dayane@dayanenagasse.com.br</p>

        <br />

        <p>Cel.: 11 9 9292-9364</p>

    </div>

</div>

<script src="~/Scripts/UI/Contato.js" type="text/javascript"></script>